<template>
	<view class="container">
		<view class="item">
			<view style="width: 64rpx;height: 64rpx">
				<u-image width="64rpx" height="64rpx" src="https://dotflat-saas-res.oss-cn-shanghai.aliyuncs.com/xybaby365/app/icons/faq_q.png"></u-image>
			</view>
			<text class="text">{{question}}</text>
		</view>
		<view class="item">
			<view style="width: 64rpx;height: 64rpx">
				<u-image width="64rpx" height="64rpx" src="https://dotflat-saas-res.oss-cn-shanghai.aliyuncs.com/xybaby365/app/icons/faq_a.png"></u-image>
			</view>
			<text class="text">{{answer}}</text>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				question: '',
				answer: '',
			}
		},
		onLoad(options) {
			this.answer = options.answer;
			this.question = options.question;
		},
		methods: {
			
		}
	}
</script>

<style lang="scss">
	page{
		background-color: $app-page-bg-color;
	}
	.container{
		padding-left: 40rpx;
		padding-right: 40rpx;
		display: flex;
		flex-direction: column;
	}
	.item{
		display: flex;
		flex-direction: row;
		align-items: flex-start;
		margin-top: 30rpx;
		margin-bottom: 30rpx;
		
		.text{
			flex-grow: 1;
			margin-left: 20rpx;
			font-size: 24rpx;
			font-family: PingFang SC;
			font-weight: 400;
			color: $app-font-color;
		}
	}
</style>
